<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>style</title>
    <script type="text/javascript">
        window.onload=function () {
            document.getElementById("btn1").onclick=function () { displayp() };
            document.getElementById("btn2").onclick=function () {
                document.getElementById("2").style.color="red";
            }
            document.getElementById("btn3").onclick=function () {
                document.getElementById("btn3").style.left="50px";
            }
        }
        function displayp() {
            var dsp=document.getElementById("1").style.display="none";
        }
    </script>
    <style type="text/css">
        input{
            position: absolute;
        }
    </style>
</head>
<body>
<p id="1">这是一个文本</p>
<input type="button" id="btn1" value="不显示文本"><br>
<p id="2">这是一个段落</p><br>
<p id="3">这是另一个段落</p><br>
<input type="button" id="btn2" value="改变文本颜色"><br>
<input type="button" id="btn3" value="设置左边距为50px">
</body>
</html>